import { useMemo } from "react";

import { SvgProps } from "./";

/** 多卡片 */
export default function Browse({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="32923"
        width="200"
        height="200"
        onClick={onClick}
      >
        <path
          d="M65 748.9a26.4 26.4 0 1 0 52.8 0 26.4 26.4 0 1 0-52.8 0zM818.3 643.4l111.5-269.8c7.9-19-1.2-40.8-20.2-48.7L359 97.1c-19-7.9-40.8 1.2-48.7 20.2l-82.1 198.4"
          fill="#FFA786"
          p-id="32924"
          opacity=".4"
          className="primary-fill"
        ></path>
        <path
          d="M769.3 787.9c-3.4 0-6.8-0.6-10.1-2-13.5-5.6-19.9-21-14.3-34.4l160.5-388c2.3-5.6-0.4-12-5.9-14.3L348.9 121.5c-5.6-2.3-12 0.4-14.3 5.9l-82.1 198.4c-5.6 13.5-21 19.8-34.4 14.3-13.5-5.6-19.9-21-14.3-34.4l82.1-198.4c13.4-32.4 50.7-47.9 83.1-34.5l550.6 227.8c32.4 13.4 47.9 50.7 34.5 83.1l-160.5 388c-4.1 10.1-13.9 16.2-24.3 16.2z"
          p-id="32925"
          className="on-bg-l-fill"
        ></path>
        <path
          d="M761.8 602H91.4V341.2c0-14.1 11.4-25.5 25.5-25.5h619.5c14.1 0 25.5 11.4 25.5 25.5V602z"
          fill="#5CB660"
          p-id="32926"
          data-spm-anchor-id="a313x.7781069.0.i20"
          className="primary-fill"
          opacity=".4"
        ></path>
        <path
          d="M724.1 289.4H129c-35.3 0-64 28.7-64 64v305.1c0 14.6 11.8 26.4 26.4 26.4s26.4-11.8 26.4-26.4V353.4c0-6.2 5.1-11.3 11.3-11.3h595.1c6.2 0 11.3 5.1 11.3 11.3V892c0 6.2-5.1 11.3-11.3 11.3H129c-6.2 0-11.3-5.1-11.3-11.3v-49c0-14.6-11.8-26.4-26.4-26.4S65 828.5 65 843.1v49c0 35.3 28.7 64 64 64h595.1c35.3 0 64-28.7 64-64V353.4c0-35.3-28.7-64-64-64z"
          p-id="32927"
          className="on-bg-l-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
